// Color Palette
@black: #011B4C;
@white: #FFFFFF;
@gray-1: #F5F6F8;
@gray-2: #F0F2F5;
@gray-3: #D9DDE4;
@gray-4: #BFC6D2;
@gray-5: #A6AFC1;
@gray-6: #8C98AE;
@gray-7: #5A6B8A;
@gray-8: #273D67;
@red: #F02525;
@blue: #0056FB;
@orange: #FCB467;
@orange-dark: #FA8C16;
@orange-light: #FFF6DE;
@green: #30CDA9;

// Gradient Colors
@gradient-red: linear-gradient(to right, #F02525, #F24545);
@gradient-orange: linear-gradient(to right, #FFC120, #FA8C16);

// Component Colors
@text-color: @gray-8;
@active-color: @gray-2;
@active-opacity: 0.7;
@disabled-opacity: 0.5;
@background-color: #f5f5f5;
@background-color-light: #fafafa;
@text-link-color: #576b95;

// Padding
@padding-base: 4px;
@padding-xs: @padding-base * 2;
@padding-sm: @padding-base * 3;
@padding-md: @padding-base * 4;
@padding-lg: @padding-base * 6;
@padding-xl: @padding-base * 8;

// Font
@font-size-xs: 10px;
@font-size-sm: 13px;
@font-size-md: 16px;
@font-size-lg: 18px;
@font-weight-bold: 500;
@line-height-xs: 14px;
@line-height-sm: 18px;
@line-height-md: 20px;
@line-height-lg: 22px;
@base-font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue',
Helvetica, Segoe UI, Arial, Roboto, 'PingFang SC', 'miui', 'Hiragino Sans GB',
'Microsoft Yahei', sans-serif;
@price-integer-font-family: Avenir-Heavy, PingFang SC, Helvetica Neue, Arial,
sans-serif;

// Animation
@animation-duration-base: 0.3s;
@animation-duration-fast: 0.2s;
@animation-timing-function-enter: ease-out;
@animation-timing-function-leave: ease-in;

// Border
@border-color: @gray-3;
@border-width-base: 1px;
@border-radius-sm: 2px;
@border-radius-md: 4px;
@border-radius-lg: 8px;
@border-radius-max: 999px;

